/**
 * button.css 
 * 测试小样，存放测试页面样式，主要是设置模块颜色，模块间距等
 * 
 * dependencies：
 * @require ../base.css
 * 
 * modified by Oscar at 2017/04/27 09:35.
 * 
 */

@import "../components/_base.scss";
/*按钮*/
/*清除所有btn按钮的圆角*/
.btn {
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
/*清除所有btn的outline*/
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none
}

/*5.0主色btn按钮*/

.btn-common,
.btn-primary {
    background: $PrimaryColor;
    color: $WhiteColor;
    border-color: $PrimaryColor;
}

.btn-common:focus,
.btn-primary:focus {
    background: $PrimaryColor;
    border-color: $PrimaryColor
}

.btn-common:hover,
.btn-primary:hover {
    background: #e55b3c;
    border-color: #e55b3c;
}


.btn-common:active:hover,
.btn-primary:active:hover {
    background: #e55b3c;
    border-color: #e55b3c;
}

.btn-common:active:focus,
.btn-primary:active:focus {
    background: $PrimaryColor;
    border-color: $PrimaryColor
}

.btn-common:active,
.btn-primary:active {
    background: #9b2105;
    border-color: #9b2105;
}

.btn-common[disabled],
.btn-primary[disabled],
.btn-common[disabled]:hover,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus{
    background: $AidedColor1;
    border-color: $AidedColor1;
}

/*== ./ 主要按钮 ==*/

/*灰色btn按钮字体颜色*/
.btn-grey {
    color: $WhiteColor
}
/*默认灰色按钮*/
.btn-default {
    background: #ABBAC3;
    border-color: #ABBAC3;
    color: $WhiteColor
}

.btn-grey:hover {
    background-color: #999;
    color: $WhiteColor
}
/*清除边框按钮hover背景*/
.btn.btn-white, .btn.btn-white.no-hover:active, .btn.btn-white.no-hover:hover {
    background: none !important;
    color: $GreyColor2
}

/*边框按钮*/
.btn-common.btn-white,
.btn-primary.btn-white {
    color: $PrimaryColor;
}

.btn-common.btn-white:hover,
.btn-primary.btn-white:hover {
    background-color: $WhiteColor;
    color: #e55b3c;
}



.btn-success.btn-white {
    color: #4cae4c
}

.btn-info.btn-white {
    color: #46b8da
}

.btn-warning.btn-white {
    color: #eea236
}

.btn-danger.btn-white {
    color: #d43f3a
}
/*边框按钮hover*/
.btn-default.btn-white:hover {
    background-color: #f1f1f1 !important;
}

.btn-success.btn-white:hover {
    background-color: #f2f9f2 !important;
}

.btn-info.btn-white:hover {
    background-color: #eff9fc !important;
}

.btn-warning.btn-white:hover {
    background-color: $WhiteColor !important;
}

.btn-danger.btn-white:hover {
    background-color: #fdf1f0 !important;
}

/*xlg按钮*/
.btn-xlg {
    font-size: 20px;
    line-height: 40px;
    height: 60px
}
/*md按钮*/
.btn-md {
    padding: 0 24px;
    font-size: 16px;
    line-height: 40px;
    height: 40px
}

/*input*/
.input-group {
    margin-bottom: 10px
}
